<script>
import TopMenu from "../../components/resource/TopMenu.vue";
import {listTypes} from "../../api/dict";
import FeiyuCalendar from "../../components/tool/FeiyuCalendar.vue";
import UserHot from "../../components/tool/UserHot.vue";
export default {
    name: "Resource",
    components: {UserHot, FeiyuCalendar, TopMenu},
    data(){
        return{
            current:0,
            typeList:[]
        }
    },
    methods:{
        getFirstType(){
            listTypes(0,'resType')
            .then(res=>{
                if(res.code===200)
                    this.typeList=res.data
            })
        }
    },
    mounted() {
        this.getFirstType()
    }
}
</script>
<template>
    <div style="width: 100%;height: 1500px">
        <div style="width: 100%;height: 1500px;position: relative;">
            <img src="/tmp/10.jpg" alt="" style="height: fit-content;width: 100%;position: absolute">
            <div class="flex row center" style="width: 100%;height: 1300px;position: absolute;margin-top: 200px" >
                <div class="flex column  RMain  min-main-height" style="height: fit-content;max-height: 1200px;margin-right: 20px;min-height: 1200px;background: white;overflow: auto">
                    <div >
                        <h2>资源</h2>
                    </div>
                    <TopMenu :current="0" :list="typeList" :level="1"/>
                </div>
                <div class="flex column LMain">
                    <FeiyuCalendar/>
                    <UserHot/>
                </div>
            </div>
        </div>
    </div>



</template>

<style scoped>
.RMain{
    width: 55%;
    //background: white;
    //box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    border-radius: 15px;
}
.LMain{
    width: 20%;
}
</style>
